<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@page isELIgnored="false"%>
<!DOCTYPE html>
<html>
<head>
	<title><spring:message code="web.name"/> </title>
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/index.js"></script>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/common.css"/>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/index.css"/>
</head>
<body>
<div id="Header" class="img-menu-container">
	<div class="header">
		<div class="function-list-container">
			<a class="logo clearfix" href="#">
				<img src="${pageContext.request.contextPath}/static/images/img-index-logo-menu.png"/>
			</a>
			<ul class="function-list">
				<li class="function-item">
					<span>Project</span>
					<div class="drop-down-menu hidden">
						<ul class="menu">
							<li class="menu-item"><a href="#">first</a></li>
							<li class="menu-item"><a href="#">second</a></li>
						</ul>
					</div>
				</li>
				<li class="function-item">
					<span>Evaluate</span>
					<div class="drop-down-menu hidden">
						<ul class="menu">
							<li class="menu-item"><a href="#">first</a></li>
							<li class="menu-item"><a href="#">second</a></li>
							<li class="menu-item"><a href="#">third</a></li>
							<li class="menu-item"><a href="#">fourth</a></li>
						</ul>
					</div>
				</li>
				<li class="function-item">
					<span>Case</span>
					<div class="drop-down-menu hidden">
						<ul class="menu">
							<li class="menu-item"><a href="#">first</a></li>
						</ul>
					</div>
				</li>
				<li class="function-item">
					<span>Community</span>
				</li>
				<li class="function-item increment-service">
					<span>Increment Service</span>
					<div class="drop-down-menu hidden">
						<ul class="last-menu">
							<li class="menu-item"><a href="#">first</a></li>
							<li class="menu-item"><a href="#">second</a></li>
							<li class="menu-item"><a href="#">third</a></li>
						</ul>
					</div>
				</li>
				<div class="btns">
					<a href="${pageContext.request.contextPath}/user.pj" class="login-btn"><spring:message code="login"/> </a>
					<a href="${pageContext.request.contextPath}/register.pj" class="regist-btn"><spring:message code="register"/> </a>
				</div>
			</ul>
		</div>
	</div>
	<div id="banner-1" data-page-num="1" class="img-menu first-menu">
		<div class="main-container">
			<div class="top-motto">
				<p><spring:message code="web.name"/> </p>
			</div>
			<div class="middle-motto">
				<p><spring:message code="web.name"/></p>
			</div>
			<div class="buttons">
				<div class="btns-container">
					<a href="${pageContext.request.contextPath}/materials/upload.pj" class="btn first-button">上传复习资料</a>
					<a href="${pageContext.request.contextPath}/materials.pj" class="btn second-button">复习资料列表</a>
				</div>
			</div>
		</div>
	</div>
	<div data-page-num="2" class="img-menu second-menu hidden">
		<div></div>
	</div>
	<div data-page-num="3" class="img-menu third-menu hidden">
		<div></div>
	</div>
	<div class="menu-point">
		<div class="page-points">
			<div data-page-num="1" class="page-point active"></div>
			<div data-page-num="2" class="page-point"></div>
			<div data-page-num="3" class="page-point"></div>
		</div>
	</div>
	<div class="change-header-btns">
		<div class="page-btn previous"></div>
		<div class="page-btn next"></div>
	</div>
</div>
<div id="Main">
	<div class="show-links">
		<ul class="main-spacial">
			<li class="main-spacial-item box-bg-even">
				<a href="#" class="link-item link-first"></a>
			</li>
			<li class="main-spacial-item box-bg-odd">
				<a href="#" class="link-item link-second"></a>
			</li>
			<li class="main-spacial-item box-bg-even">
				<a href="#" class="link-item link-third"></a>
			</li>
			<li class="main-spacial-item box-bg-odd">
				<a href="#" class="link-item link-fourth"></a>
			</li>
			<li class="main-spacial-item box-bg-even">
				<a href="#" class="link-item link-fifth"></a>
			</li>
		</ul>
	</div>
	<div class="slogan"><spring:message code="web.name"/> </div>
	<div class="description">
		<a href="${pageContext.request.contextPath}/materials.pj">
		<div class="description-content">
			<img src="${pageContext.request.contextPath}/static/images/spaceman.png" class="description-image-left"/>
			<div class="description-words-right">
				<p>这是一个通大学子专属的考试资料传承的圣地。在这里你可以找到学长留给你们的考试秘笈，保你逢考必过！在这里你也可以给你的学弟学妹们留下经历过血与乱的复习资料，让你的名字在通大被久久传颂！</p>
			</div>
		</div>
		</a>
	</div>
	<div class="description">
		<div class="description-content">
			<div class="description-words-left">
				<p>学长的遗迹，这里有大四毕业学长留下的各种有属性加成的物品，静待有缘人的到来。包括但不限于，知道毕业也没有被宿管阿姨查收的热得快，搓了几年已经粘上仙气的麻将，带来光明的各式台灯，堪比空调的神奇电风扇。。。</p>
			</div>
			<img src="${pageContext.request.contextPath}/static/images/self-staging.png" class="description-image-right"/>
		</div>
	</div>

	<%-- 目前先隐藏 --%>
	<div class="hot-model" hidden>
		<div class="slogan">Hot model</div>
		<br/>
		<div class="cards">
			<ul class="card-list">
				<li class="card-item active">
					<div class="card">
						<div class="card-title card-head-green card-even">
							<div class="head-content1 hidden">
								<span class="card-head-title">New discover</span>
								<span class="card-subhead-title">This is description</span>
								<img src="${pageContext.request.contextPath}/static/images/product-1.png" class="card-head-img"/>
							</div>
							<div class="head-content2">
								<span class="card-head-title">New discover</span>
								<span class="card-subhead-title">This is description</span>
								<img src="${pageContext.request.contextPath}/static/images/product-1.png" class="card-head-img"/>
							</div>
						</div>
						<div class="card-main1 hidden">
							<div class="card-main-content">
								<ul class="card-main-content-list">
									<li class="card-main-content-item">Content First</li>
									<li class="card-main-content-item">Content Second</li>
									<li class="card-main-content-item">Content third</li>
									<li class="card-main-content-item">Content fourth</li>
									<li class="card-main-content-item">Content Fifth</li>
								</ul>
							</div>
						</div>
						<div class="card-main2">
							<div class="card-main-content2">
								<div class="card-main-head">
									<span>The Title</span>
									<p>This is the description of this function. blablablablablablablablablabla.</p>
									<a href="#">Click here</a>
								</div>
								<div class="card-main-split"></div>
								<div class="card-main-links">
									<ul class="card-main-links-list">
										<li class="card-main-links-item">
											<span>Sub Title</span>
											<p>This is a simple description.</p>
											<a href="#">Click here</a>
										</li>
										<li class="card-main-links-item">
											<span>Sub Title</span>
											<p>This is a simple description.</p>
											<a href="#">Click here</a>
										</li>
										<li class="card-main-links-item">
											<span>Sub Title</span>
											<p>This is a simple description.</p>
											<a href="#">Click here</a>
										</li>
										<li class="card-main-links-item">
											<span>Sub Title</span>
											<p>This is a simple description.</p>
											<a href="#">Click here</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</li>
				<li class="card-item">
					<div class="card">
						<div class="card-title card-head-grey card-odd">
							<div class="head-content1">
								<span class="card-head-title">New discover</span>
								<span class="card-subhead-title">This is description</span>
								<img src="${pageContext.request.contextPath}/static/images/product-2.png" class="card-head-img"/>
							</div>
							<div class="head-content2 hidden">
								<span class="card-head-title">New discover</span>
								<span class="card-subhead-title">This is description</span>
								<img src="${pageContext.request.contextPath}/static/images/product-2.png" class="card-head-img"/>
							</div>
						</div>
						<div class="card-main1">
							<div class="card-main-content">
								<ul class="card-main-content-list">
									<li class="card-main-content-item">Content First</li>
									<li class="card-main-content-item">Content Second</li>
									<li class="card-main-content-item">Content third</li>
									<li class="card-main-content-item">Content fourth</li>
									<li class="card-main-content-item">Content Fifth</li>
								</ul>
							</div>
						</div>
						<div class="card-main2 hidden">
							<div class="card-main-content2">
								main content
							</div>
						</div>
					</div>
				</li>
				<li class="card-item">
					<div class="card">
						<div class="card-title card-head-grey card-even">
							<div class="head-content1">
								<span class="card-head-title">New discover</span>
								<span class="card-subhead-title">This is description</span>
								<img src="${pageContext.request.contextPath}/static/images/product-3.png" class="card-head-img"/>
							</div>
							<div class="head-content2 hidden">
								<span class="card-head-title">New discover</span>
								<span class="card-subhead-title">This is description</span>
								<img src="${pageContext.request.contextPath}/static/images/product-3.png" class="card-head-img"/>
							</div>
						</div>
						<div class="card-main1">
							<div class="card-main-content">
								<ul class="card-main-content-list">
									<li class="card-main-content-item">Content First</li>
									<li class="card-main-content-item">Content Second</li>
									<li class="card-main-content-item">Content third</li>
									<li class="card-main-content-item">Content fourth</li>
									<li class="card-main-content-item">Content Fifth</li>
								</ul>
							</div>
						</div>
						<div class="card-main2 hidden">
							<div class="card-main-content2">
								main content
							</div>
						</div>
					</div>
				</li>
				<li class="card-item">
					<div class="card">
						<div class="card-title card-head-grey card-odd">
							<div class="head-content1">
								<span class="card-head-title">New discover</span>
								<span class="card-subhead-title">This is description</span>
								<img src="${pageContext.request.contextPath}/static/images/product-4.png" class="card-head-img"/>
							</div>
							<div class="head-content2 hidden">
								<span class="card-head-title">New discover</span>
								<span class="card-subhead-title">This is description</span>
								<img src="${pageContext.request.contextPath}/static/images/product-4.png" class="card-head-img"/>
							</div>
						</div>
						<div class="card-main1">
							<div class="card-main-content">
								<ul class="card-main-content-list">
									<li class="card-main-content-item">Content First</li>
									<li class="card-main-content-item">Content Second</li>
									<li class="card-main-content-item">Content third</li>
									<li class="card-main-content-item">Content fourth</li>
									<li class="card-main-content-item">Content Fifth</li>
								</ul>
							</div>
						</div>
						<div class="card-main2 hidden">
							<div class="card-main-content2">
								main content
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</div>
</div>
<div id="Footer">
	<div class="function-box">
		<div class="qrcode"></div>
	</div>
	<div class="deperation-line"></div>
	<div class="connection-box">
		<div class="connections"></div>
		<div class="address"></div>
	</div>
</div>
</body>
</html>